<div *ngFor="let field of formFields">
  <div *ngIf="isFormFieldOfType(field,'custom')">
    <div *ngIf="field.name === 'femaleClothes' && step1Data.isMale === 'N'">
      女性：
      <nz-form-item>
        <nz-form-label [nzSpan]="5" [nzFor]="field.name">{{field.label}}</nz-form-label>
        <nz-form-control nzHasFeedback nzErrorTip="required"
                         [nzSpan]="12">
          <nz-checkbox-wrapper style="width: 100%;" (nzOnChange)="log($event)" [ngModelOptions]="{standalone: true}">
            <div nz-row>
              <div *ngFor="let item of femaleCheckboxData">
                <div nz-col nzSpan="24">
                  <label nz-checkbox [nzValue]="item.key" [(ngModel)]="item.value"
                         [nzDisabled]="item.disabled">{{item.key + '  ' + item.label}}</label>
                </div>
              </div>
            </div>
          </nz-checkbox-wrapper>
        </nz-form-control>
        <div *ngIf="requireCheckbox()" class="error-message">必填项</div>
        <pre>
            选择A，不能选择B
            选择B，不能选择A
            同时选择A和C，不能选择D
            同时选择D和E，不能选择A
            选择C，不能选择E

            必须选择A才能到达第三步，否则跳转到第四步。
          </pre>
      </nz-form-item>
    </div>
    <div *ngIf="field.name === 'maleClothes' && step1Data.isMale === 'Y'">
      男性：
      <nz-form-item>
        <nz-form-label [nzSpan]="5" [nzFor]="field.name">{{field.label}}</nz-form-label>
        <nz-form-control nzHasFeedback nzErrorTip="required"
                         [nzSpan]="12">
          <nz-select
            [nzMaxTagCount]="3"
            [nzMaxTagPlaceholder]="tagPlaceHolder"
            nzMode="multiple"
            nzPlaceHolder="Please select"
            [(ngModel)]="maleListSelectedValue"
            (ngModelChange)="changeClothes()"
            [ngModelOptions]="{standalone: true}"
          >
            <nz-option *ngFor="let item of maleDataList" [nzLabel]="item.key"
                       [nzValue]="item.value" [nzDisabled]="item.disabled"
            ></nz-option>
          </nz-select>
          <ng-template #tagPlaceHolder let-selectedList>and {{ selectedList.length }} more selected</ng-template>
        </nz-form-control>
        <div *ngIf="maleListSelectedValue.length === 0 && step2Click === true" class="error-message">必填项</div>
      </nz-form-item>
      <pre>
          如果选择了a1 那么不能显示a2
          选择a1才能跳转第三步，否则直接跳转到第四步
        </pre>
    </div>
  </div>
</div>


